<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="fly-footer">
    <p><a href="#" target="_blank">图形图像处理交流网站</a> 2019 &copy;
        <a href="#" target="_blank">tcx.com 出品</a></p>
    <p>
        <a href="#" target="_blank">版权所有</a>
        <a href="#" target="_blank">微信公众号</a>
        <a href="#" target="_blank">更多</a>
    </p>
</div>
<!-- 底部结束 -->
<%--引入js--%>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.js" ></script>
<script>
    layui.config({
        version: "3.0.0"
        ,base: '${pageContext.request.contextPath}/js/'
    }).extend({
        fly: 'index'
    }).use('fly');
</script>
<!--导航栏-->
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
</script>
<!--图片轮播-->
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</body>
</html>
